<div
    bsModal
    #actionModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="actionModal"
    aria-hidden="true"
    [config]="{ backdrop: 'static' }"
>
    <div
        class="modal-dialog {{ modalSize }} {{
            isFullScreen ? 'modal-full-screen' : ''
        }}"
    >
        <div class="modal-content" style="height: 100%;">
            <form *ngIf="active" #editForm="ngForm" novalidate>
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span>{{ pipe.actCode }}{{ pipe.actName }}</span><span style="color:#34bfa3!important;margin-left:15px">{{pipe.barCode}} | {{pipe.drawingCode}}</span>
                    </h4>
                    <div class="modal-header__head-tools">
                        <ul class="modal-header__nav">
                            <li class="modal-header__nav-item">
                                <a
                                    href="javascript:;"
                                    (click)="fullScreen()"
                                    title="{{
                                        isFullScreen ? '取消全屏' : '全屏'
                                    }}"
                                    modal-header-tool="fullscreen"
                                    class="modal-header__nav-link modal-header__nav-link--icon"
                                >
                                    <i class="la la-expand"></i>
                                </a>
                            </li>
                            <li class="modal-header__nav-item">
                                <a
                                    href="javascript:;"
                                    (click)="close()"
                                    title="关闭窗口"
                                    modal-header-tool="remove"
                                    class="modal-header__nav-link modal-header__nav-link--icon"
                                >
                                    <i class="la la-close"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="modal-body">
                    <div
                        class="full-screen-content {{
                            isFullScreen
                                ? 'm-scrollable m-scrollable-full-screen'
                                : ''
                        }}"
                    >
                        <ng-container #container></ng-container>
                    </div>
                </div>

                <div class="modal-footer">
                    <button
                        [disabled]="saving"
                        type="button"
                        class="btn btn-default"
                        (click)="close()"
                    >
                        {{ l('Cancel') }}
                    </button>
                    <button
                        type="button"
                        class="btn btn-primary blue"
                        [disabled]="!editForm.form.valid"
                        [buttonBusy]="runing"
                        [busyText]="'运行中...'"
                        (click)="run()"
                    >
                        <i class="fa fa-hourglass-half"></i>
                        <span>运行</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
